<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib tagdir="/WEB-INF/tags/" prefix="p"%>
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Rechercher une formation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
	padding-top: 10px;
	padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">

<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
	<p:header />

	<div class="jumbotron">
		<div class="container">
			<h1>Rechercher une formation</h1>
			<p>Utilisez notre moteur de recherche pour vous former dans un
				metier d'avenir..</p>


			<div id="rechercheForm">
				<form action="" method="post" class="">
					<input type="text" id="recherche" name="recherche"
						autocomplete="off"
						placeholder="Entrer un mot cle. Ex. Code, Titre, Certification, Pre-requis, Thème"
						value='${param["recherche"]}' class="input-xlarge"
						style="height: 35px; width: 500px; padding: 5px;" /> <input
						type="submit" value="Rechercher" class="btn btn-primary btn-">
					<label for="rechercheParTheme"><input type="checkbox"
						name="rechercheParTheme" id="rechercheParTheme"
						${rechercheParThemeChecked} /> Inclure thèmes dans le resultat</label>
				</form>
			</div>


		</div>
	</div>

	<div class="container">

		<div id="resultat" class="row">
			<%@include file="rechercheResultsAjax.jsp"%>
		</div>

		<hr>

		<footer>
			<p></p>
		</footer>
	</div>
	<!-- /container -->
	<script src="js/vendor/jquery-1.11.0.min.js"></script>
	<script src="js/vendor/bootstrap.min.js"></script>
	<script src="js/main.js"></script>
</body>
</html>